<html>
<head>
<style>
@page {
  size: 100px 100px;
  margin: 10px;
  -fs-max-overflow-pages: 10;
  -fs-overflow-pages-direction: ltr;
}
body {
  margin: 0;
}
.outer {
  border: 1px solid black;
  background-color: blue;
  min-height: 20px;
}
</style>
</head>
<body>
  <div id="one"></div>
  <div class="outer" style="width: 150px; page-break-after: always;">
      <div style="background-color: orange; height: 10px; width: 100px; float: left;"></div>
      <a style="display: block; height: 10px;background-color: green; width: 40px; float: left;" href="#one"></a>
  </div>
</body>
</html>
